<template>
  <view>
    <custom-header title="我的页面" :show-back="true">
      <view class="search-box">
        <view class="radius">
          <view class="search-icon"></view>
          <input
            class="search"
            placeholder="搜索公告或服务"
            v-model="condition"
          />
          <view class="search-btn">搜 索</view>
        </view>
      </view>
    </custom-header>
    <view class="content">
      <view class="modal-box">
        <view class="modal-item" @click="toPage('/pages/userIndex/index')">
          <view class="icon-property"> </view>
          <view class="texts">物业服务</view>
        </view>
        <view class="modal-item-line"></view>
        <view class="modal-item" @click="toPage('/pages/ownerIndex/index')">
          <view class="icon-working"> </view>
          <view class="texts">运行管理 </view>
        </view>
      </view>
      <swiper
        class="swiper"
        circular
        :indicator-dots="indicatorDots"
        :autoplay="autoplay"
        :interval="interval"
        :duration="duration"
        :vertical="vertical"
      >
        <swiper-item class="swiper-item" v-for="i in 3" :key="i">
          <image
            mode="aspectFit"
            class="swiper-img"
            src="/static/image/plante.png"
            alt=""
          />
        </swiper-item>
      </swiper>
      <view class="notice shadow">
        <view class="top-header">
          <view class="type">通知</view>
          <view class="title">关于虹桥机场临时停电检修的通知</view>
        </view>
        <view class="notice-txt"
          >因供电设备例行检修维护，机场将于上午9:00至下午5:00临时停电。请提前做好用电安排，避免设备损坏。如检修提前完成，将及时恢复供电。给您带来不便，敬请谅解！
        </view>
        <view class="elseInfo">
          <view>2025-06-06 14:18</view>
          <view class="flex-jcfs-aic"
            ><view>查看详情</view><uni-icons type="right" size="20"></uni-icons
          ></view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import CustomHeader from "@/components/custom-header";
export default {
  components: {
    CustomHeader,
  },
  data() {
    return {
      title: "Hello",
      condition: "",
      indicatorDots: true,
      autoplay: true,
      interval: 2000,
      duration: 500,
      vertical: false,
    };
  },
  onLoad() {},
  methods: {
    toPage(url) {
      uni.navigateTo({
        url,
      });
    },
  },
};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>
